<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- h5新增表单 form标签 -->
    <!-- type=“” 
        email 邮箱
        url 链接
        date 日期
        time 时间
        month
        week
        number 还可以设定数字的范围
        range 范围
        tel 手机号码
        search
        color
    -->
    <form action="">
        <!-- 
            必填required 
            提示信息placeholder 存在默认则不显示
            autofoucus 自动获取焦点 页面一般只设置一个
            autocomplete off/on on的时候浏览器基于之前的历史会给予选项
            multiple 多项选择
        -->
        姓名：<input type="text" required placeholder="请输入用户名"><br>
        邮箱：<input type="email"><br>
        主页：<input type="url"><br>
        主页：<input type="date"><br>
        主页：<input type="time"><br>
        主页：<input type="month"><br>
        主页：<input type="week"><br>
        年龄：<input type="number" max="100" min="1" step="4" value="4"><br>
        年范围：<input type="range" max="100" min="1" step="4" value="4"><br>
        手机：<input type="tel"><br>
        <!-- autocomplete off/on -->
        搜索：<input type="search" autocomplete="on"><br>
        颜色：<input type="color"><br>
        <input type="submit" value="提交">

        <!-- datalist -->
        <!-- 
            包含一组option组
        -->
        城市<datalist class="list01">
            <option value="广州">gz</option>
            <option value="深圳">sz</option>
            <option value="北京">bj</option>
            <option value="上海">
        </datalist>
        <!-- 多选择 -->
        文件：<input type="file" multiple>

    </form>

   
    
</body>
</html>